$--el-menu-active-color: #922575;

$--el-menu-hover-text-color: #863535;
$--el-menu-bg-color: transparent;
$--el-menu-hover-bg-color: transparent;


$--idoo-primary-active-color: #922575;

:root {
    --el-menu-hover-bg-color: transparent;
    --el-menu-active-color: #922575;
    --el-menu-hover-text-color: #922575;

    --el-color-primary-dark-2: #f1edf0;
    --el-color-primary: #714B67;
    --el-color-primary-light-3: #52374b;
}

.el-table th {
    background-color: #f9fafb !important;
}

.el-table thead {
    color: darkslategray !important;
}

.el-table__body-wrapper tbody tr:hover {
    cursor: pointer;
}

//表单中的input 
.el-input.idoo-details-input {
    & .el-input__wrapper {
        border: none !important;
        box-shadow: none !important;
    }

    &:hover .el-input__wrapper {
        border-bottom: 1px solid grey !important;
    }

    &:focus-within .el-input__wrapper {
        border-bottom: 1px solid #714B67 !important;
        outline: none;
    }
}

.el-select.idoo-details-select {
    & .el-select__wrapper {
        border: none !important;
        box-shadow: none !important;
    }

    &:hover .el-select__wrapper {
        border-bottom: 1px solid grey !important;
    }

    &:focus-within .el-select__wrapper {
        border-bottom: 1px solid #714B67 !important;
        outline: none;
    }
}

//按钮 全局修改FFFF
//type = primary
.el-button--primary {
    --el-button-active-border-color: #922575 !important;
    --el-button-active-text-color: #714B67 !important
}

// type = idoo-details : details的按钮样式效果   使用方式 ： <el-button class="idoo-details-add" />
.el-button.idoo-details-add {
    --el-button-text-color: var(--el-color-primary);
    --el-button-bg-color: #f1edf0;
    --el-button-border-color: var(--el-color-primary);
    --el-button-outline-color: var(--el-color-primary-light-5);
    --el-button-active-color: #f1edf0;
    --el-button-active-bg-color: var(--el-color-primary);
    --el-button-active-border-color: var(--el-color-primary);
    --el-button-hover-text-color: #f1edf0;
    ;
    --el-button-hover-link-text-color: var(--el-color-primary-light-5);
    --el-button-hover-bg-color: var(--el-color-primary);
    --el-button-hover-border-color: var(--el-color-primary);
    //没修改 disable属性
    --el-button-disabled-text-color: var(--el-color-white);
    --el-button-disabled-bg-color: var(--el-color-primary-light-5);
    --el-button-disabled-border-color: var(--el-color-primary-light-5);
}

.el-button.idoo-details-button {
    --el-button-text-color: var(--el-color-primary);
    --el-button-bg-color: white;
    --el-button-border-color: #d8dadd;
    --el-button-outline-color: var(--el-color-primary-light-5);
    --el-button-active-color: #f1edf0;
    --el-button-active-bg-color: var(--el-color-primary);
    --el-button-active-border-color: var(--el-color-primary);
    --el-button-hover-text-color: var(--el-color-primary);
    --el-button-hover-link-text-color: var(--el-color-primary-light-5);
    --el-button-hover-bg-color: #f1edf0;
    --el-button-hover-border-color: var(--el-color-primary);
    //没修改 disable属性
    --el-button-disabled-text-color: var(--el-color-white);
    --el-button-disabled-bg-color: var(--el-color-primary-light-5);
    --el-button-disabled-border-color: var(--el-color-primary-light-5);
}

.el-menu--horizontal>.el-menu-item.is-active {
    border-bottom: 0px;
    color: $--el-menu-active-color !important;
}

.el-button,
.el-button.is-round {
    padding: 17px 14px;
}

.el-menu-item {
    // padding : 0px !important
}

.el-sub-menu__title {
    padding: 20px !important
}

.el-menu--horizontal>.el-menu-item:hover {
    background-color: rgba(0, 0, 0, 0.075) !important;
}

.el-menu--horizontal {

    .el-menu-item:not(.is-disabled):focus,
    .el-menu-item:not(.is-disabled):hover {
        color: $--el-menu-hover-text-color;
        outline: none;
    }

    ;
}

.el-menu--horizontal>.el-sub-menu.is-active .el-sub-menu__title {
    border-bottom: 0px !important;
}

.el-menu--horizontal>.el-sub-menu .el-sub-menu__title:hover {
    background-color: rgba(0, 0, 0, 0.075) !important;
}

.el-menu--horizontal>.el-sub-menu.is-active .el-sub-menu__title:hover {
    background-color: rgba(0, 0, 0, 0.075) !important;
}

.el-menu--horizontal .el-menu .el-menu-item,
.el-menu--horizontal .el-menu .el-sub-menu__title {
    padding: 0 36px !important;
}

.el-menu--horizontal .el-menu-item:not(.is-disabled):focus,
.el-menu--horizontal .el-menu-item:not(.is-disabled):hover {
    background-color: rgba(0, 0, 0, 0.08) !important;
}



.el-rate {
    --el-rate-fill-color : var(--el-color-primary) !important;
}